<template>
    <div>
         <!-- 轮播图 -->
        <mt-swipe :auto="4000">
            <mt-swipe-item> </mt-swipe-item>
            <mt-swipe-item></mt-swipe-item>
            <mt-swipe-item></mt-swipe-item>
        </mt-swipe>
    </div>
</template>
<script>
    
</script>
<style lang="scss" scope>
        .mint-swipe {
        height: 180px;
    }
    .mint-swipe-item {
         &:nth-child(1){
            // background-color: #ffd705;
            background-image: url("../../images/banner/1.png");
            background-size: cover;
            
        }
        &:nth-child(2){
            // background-color: #ff2d4b;
            background-image: url("../../images/banner/3.png");
            background-size: cover;
        }
        &:nth-child(3){
            // background-color: #0089dc;
            background-image: url("../../images/banner/4.png");
            background-size: cover;
        }

     }
</style>
